<div style="width: 340px; transition: 0.5s ease-in-out"></div>
<div class="right-design" #rightDesign droppable cdkDropList [cdkDropListData]="widgetList" (cdkDropListEntered)="dragenter($event)">
  @for (widget of widgetList; track widget) {
    <app-dashboard-widget (resizeWidget)="resizeLayoutPosition($event)" [widget]="widget"></app-dashboard-widget>
  }
</div>
<div style="width: 300px; transition: 0.5s ease-in-out">
  <app-config-panel [isDisplay]="displayConfig"></app-config-panel>
</div>

<div class="widget-config">
  <div #horizontalSnapHelper class="horizontal-resize-snap-helper" style="display: none"></div>
  <div #verticalSnapHelper class="vertical-resize-snap-helper" style="display: none"></div>
  <div #northSnapHelper class="north-drag-snap-helper" style="display: none"></div>
  <div #southSnapHelper class="south-drag-snap-helper" style="display: none"></div>
  <div #westSnapHelper class="west-drag-snap-helper" style="display: none"></div>
  <div #eastSnapHelper class="east-drag-snap-helper" style="display: none"></div>
</div>
